<template>
  <div class="app">
    <!-- 要和导入的组件名一致 -->
    <AppNavbar />
    <AppContent 
      title="Vue 组件学习" 
      description="这是一个帮助新手学习 Vue 组件的示例项目～" 
    />
    <AppFooter />
  </div>
</template>

<script setup>
// 导入要和组件文件名一致
import AppNavbar from './components/AppNavbar.vue'
import AppContent from './components/AppContent.vue'
import AppFooter from './components/AppFooter.vue'
</script>

<style>
.app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
</style>